@import "./reset.styl"
@import "./base.styl"

// var width1 = 1200;
// var width2 = 765;
// var width3 = 476;


.pages
  position: absolute
  left: 0
  top: 0
  right: 0
  bottom: 0
  overflow-y: scroll
.pic-wrap
  font-size: 0 

.login
  .ivu-input-icon, .ivu-input
    height: 40px
    line-height: 40px
    
.list
  .ivu-tabs-nav-scroll
    padding: 0 10px !important
  .ivu-tabs-tabpane
    position: relative
    width: 100%
    height: 100%
  .ivu-tabs-nav-prev
    display: none !important
  .ivu-tabs-nav-next
    display: none !important  
  .ivu-tabs-ink-bar
    widht: 25% !important    
  .ivu-tabs
    width: 100%
    height: 100%
  .ivu-icon
    position: relative
    left: 2px
    top: 0.5px
    margin-right: 0px !important  
  .ivu-tabs-tab
    padding:8px 2px !important
    cursor: pointer !important
    &:nth-child(2), &:nth-child(2) .ivu-icon
      color: #960 
    &:nth-child(3), &:nth-child(3) .ivu-icon
      color: $mc 
    &:nth-child(4), &:nth-child(4) .ivu-icon
      color: #F0F
    &:nth-child(5), &:nth-child(5) .ivu-icon
      color: red  
    &:nth-child(2).ivu-tabs-tab-active
      color: #960 !important
    &:nth-child(3).ivu-tabs-tab-active
      color: $mc !important 
    &:nth-child(4).ivu-tabs-tab-active
      color: #F0F !important
    &:nth-child(5).ivu-tabs-tab-active
      color: red !important  
  .ivu-tabs-bar
    margin-bottom: 0
  .ivu-tabs-content 
    position: absolute
    top: 36px
    left: 0
    right: 0
    bottom: 0
.banner
  .banner-item
    font-size: 0
    cursor: -webkit-grab
    img
      width: 100%
      height: 150px
  .banner-text, .banner-desc
    position: absolute
    left: 0
    bottom: 0
    right: 0
    height: 30px
    line-height: 30px
    background-color: rgba(0,0,0,.3)
    font-size: 12px
    letter-spacing: 1px  
    text-align: center
    color: #fff
  .page
    position: absolute 
    right: 10px
    top: 0
    &:first-letter
      color: #FF0    
.detail
  .van-dialog__content
    padding: 20px 20px 10px
  .ivu-input-wrapper
    border-right: 1px solid #57a3f3
    border-left: 1px solid #57a3f3
    border-radius: 5px
    font-size: 0
    textarea
      border-right: none
      border-left: none 
.form 
  .ivu-upload-list
    display: none !important 
  .ivu-upload-select
    position: absolute
    left: 0
    right: 0
    bottom: 0
    top: 0      
           
.cover
  position: absolute
  left: 0
  right: 0
  top: 0
  bottom: 0
  background-color: #fff
.ivu-message
  z-index: 9999999 !important

.rdetail
  .content
    p
      padding: 0 10px
      text-indent: 32px
      text-align: justify
      line-height: 2.2
      
.shop-detail
  .van-goods-action
    z-index: 999
    .van-goods-action-mini-btn__icon
      margin: 2px auto 5px  
  .ivu-tag-color-white
    color: #888 !important 
    
.comfirm
  .van-contact-card__content
    display: flex
    align-items: center    

.order
  .van-tabs
    position: static
    
@media(min-width:1200px)
    .wrap
      width: 1220px
    .w990np
      width: 990px

@media(max-width:1220px)
  .wrap
    width: 768px
  .w990np, .w990p10, .w990
    width: 768px
    .el-col-offset-1
      margin-left: 0
    .el-col-offset-4
      margin-left: 0
    .nav
      .el-menu-item
        padding: 0 14px
    .logo
      img
        width: 100%
    .search
      position: inherit !important
      margin-top: 10px
      text-align: center
      form
        display: inline-block
@media(max-width:828px)
  .wrap, .w990np, .w990p10, .w990
    .nav
      .nav-wrap
        display: none !important
      .hide
        display: block

@media(max-width:788px)
  .wrap
    width: 476px
  .w990np, .w990p10, .w990
    width: 476px
    .nav
      .down-box
        width: 436px !important
    .el-col-offset-4
      margin-left: 0
@media(max-width:496px)
  .wrap
    width: 340px
  .w990np, .w990p10, .w990
    width: 340px
    .el-col-offset-1
      margin-left: 0
    .el-col-offset-4
      margin-left: 0
    .nav
      .down-box
        width: 315px !important

